import React, { Component } from "react";
interface Props {
  leftSlot: React.ReactNode;
  centerSlot: React.ReactNode;
  rightSlot: React.ReactNode;
}
class CustomHeader extends Component<Props> {
  render() {
    const { leftSlot, centerSlot, rightSlot } = this.props;
    return (
      <div className="header">
        <div className="left">{leftSlot}</div>
        <div className="center">{centerSlot}</div>
        <div className="right">{rightSlot}</div>
      </div>
    );
  }
}

export default CustomHeader;
